<template>
  <!--template里面只能写一个元素-->
  <div id="app">
    <h3>App</h3>
    <p>num: {{this.$store.state.num}}</p>
    <hr>
    <Child/>
  </div>
</template>

<!--逻辑-->
<script>
import Child from "@/components/Child";
export default {
  name: 'App.vue',
  components: {Child},

}
</script>

<!--样式-->
<style lang="less" scoped>

h3 {
  color: #20ae78;
  font-size: 20px;
  font-weight: bold;
}
</style>
